<!DOCTYPE html>
<html>
<head>
    <title>文档管理</title>
    #parse("include/header.html")
    <link rel="stylesheet" href="${rc.contextPath}/statics/css/projectManage/fileMan.css">

</head>
<body>
<div id="dpLTE" class="clearfix" v-cloak>
    <!--0：文件夹  1：word文档  2：excel文档 3：PDF文档 4：PPT文档  5：其他-->
    <div class="clearfix" :style="styleObject">
        <div class="col-md-12 column" style="height: 150px">
            <div class="clearfix">
                <div class="col-md-10 column">
                    <span style="font-weight:bold;">项目文件夹</span>
                </div>
                <div class="col-md-2 column float-right">
                    <button class="btn btn-link" @click="addFolder">添加文件夹</button>
                </div>
            </div>
            <div class="clearfix folderPanel">
                <div class="north-slimScroll ">
                    <div class="col-md-12 column">
                        <div v-for="folder in folders" class="col-md-1 column folderDiv"
                             :class="{active:(activeFolderId==folder.fileId)}" @click="activeFolder(folder)" >
                            <span><img :src="icon_Folder"><br>
                                {{folder.fileName}}
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12 column horizontal-divider">
        </div>
        <div v-show="activeFolderId!=''" class="col-md-12 column" style="height: calc(100vh - 170px);">
            <div class="clearfix">
                <div class="col-md-8 column">
                    <span style="font-weight:bold;">{{activeFolderName}}</span>
                </div>
                <div class="col-md-4 column float-right">
                    <button class="btn btn-link" @click="upload" >上传文件</button>
                    <button class="btn btn-link" @click="deleteFolder" >删除文件夹</button>
                </div>
            </div>
            <div class="clearfix">
                <div class="col-md-12 column">
                    {{activeFolderDesc}}
                </div>
            </div>
            <div class="clearfix filePanel" >
                <div class="south-slimScroll">

                    <div v-for="file in files" class="col-md-12 column fileDiv">
                        <div class="col-md-8 column">
                            <span>
                                <img v-if="file.fileType=='1'" :src="icon_File">
                                {{file.fileName}}
                            </span>
                        </div>
                        <div class="col-md-3 column file-describe-div">
                            <span>{{file.staffName}}上传于{{file.createDate}}</span>
                        </div>
                        <div class="col-md-1 btn-link-group">
                            <button class="btn btn-sm btn-link column" @click="download(file.fileId)">下载</button>
                            <button class="btn btn-sm btn-link column" @click="deletefile(file.fileId)">删除</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!--添加文件夹-->
    <div id="addFolderLayer" class="container-fluid" style="display: none;">
        <table class="form">
            <tr>
                <td class="formTitle">文件夹名称</td>
                <td class="formValue"><input class="form-control" v-model="folderName" placeholder="请输入文件夹名称" /></td>
            </tr>
            <tr>
                <td class="formTitle">文件夹描述</td>
                <td class="formValue"><input class="form-control" v-model="description" placeholder="请输入文件夹描述" /></td>
            </tr>
        </table>
    </div>


</div>
#parse("include/footer.html")
<script src="${rc.contextPath}/statics/js/projectManage/fileMan.js?_${date.systemTime}"></script>
</body>
</html>